var Swiper1 = Vue.extend({
    template:'<div class="swiper-container">\n' +
    '                            <div class="swiper-wrapper">\n' +
    '                                <div class="swiper-slide">\n' +
    '                                    <img src="" style="width: 293px;height: 142px;margin-top: 22px;">\n' +
    '                                </div>\n' +
    '                                <div class="swiper-slide">Slide 2</div>\n' +
    '                                <div class="swiper-slide">Slide 3</div>\n' +
    '                                <div class="swiper-slide">Slide 4</div>\n' +
    '                                <div class="swiper-slide">Slide 5</div>\n' +
    '                                <div class="swiper-slide">Slide 6</div>\n' +
    '                                <div class="swiper-slide">Slide 7</div>\n' +
    '                                <div class="swiper-slide">Slide 8</div>\n' +
    '                                <div class="swiper-slide">Slide 9</div>\n' +
    '                                <div class="swiper-slide">Slide 10</div>\n' +
    '                            </div>\n' +
    '                            <!-- Add Pagination -->\n' +
    '                        </div>',
    mounted:function(){
        var swiper = new Swiper('.swiper-container', {
            slidesPerView: 4,
            spaceBetween: 30,
            pagination: {
                el: '.swiper-pagination',
                clickable: false,
            },
        });
    }
})
